<!--
 * @description: 
 * @Author: jhw
 * @Date: 2023-05-22 22:01:37
 * @LastEditors: jhw
 * @LastEditTime: 2023-05-22 22:17:29
-->
<template>
  <div>
    <h1
      border="2 rounded blue-200"
      p="y-2 x-4"
      m="2"
      bg="blue-400 hover:blue-500 dark:blue-500 dark:hover:blue-600"
      text="sm white"
      font="mono light"
    >
      postCss测试
    </h1>
    <div class="cursor-pointer flex items-center">
      <p>2</p>
      <span>3</span>
    </div>
    <!-- https://windicss.org/utilities/animations/transitions.html  官网 -->
    <a href="https://windicss.org/utilities/animations/transitions.html">windicss官网</a>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped></style>
